html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol, ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle;padding: 0;margin: 0;-webkit-appearance: none;outline: none}

body {
    background: url("../../images/bg.png");
    line-height: 1.4em ;
    color: #7c624f;
    font-size: 1em;
    font-family:Arial, sans-serif;
    -webkit-text-size-adjust: none;
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
.clearfix{zoom:1}
a{text-decoration: none;color: #181818}
.text-box{
    display: block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #d4bda8;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1em;
    color: #7c624f;
    box-shadow: 0 -1px 1px #FFF inset;
    -webkit-box-shadow: 0 -1px 1px #FFF inset;
    -moz-box-shadow: 0 -1px 1px #FFF inset;
    -ms-box-shadow: 0 -1px 1px #FFF inset;
    -o-box-shadow: 0 -1px 1px #FFF inset;
    background: #fcf9f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcf9f4 0%, #f0e3d0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf9f4), color-stop(100%,#f0e3d0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* IE10+ */
    background: linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9f4', endColorstr='#f0e3d0',GradientType=0 ); /* IE6-9 */
}
.main-content-box{
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 7px;
    margin: 10px;
    padding: 10px 0;
    background: #F4EADB;
}
/*
sprites ------------------------*/
.icon{background: url("../../images/eat-sprites.png?v=1.3") no-repeat;display: inline-block;background-size:305px 45px}
    .iArrowUpDown       {width: 09px;height: 18px;background-position: 0 0;}
    .iAccount           {width: 21px;height: 22px;background-position: -9px 0;}
    .iSearch            {width: 14px;height: 15px;background-position: -30px 0;}
    .iPlay              {width: 16px;height: 16px;background-position: -44px 0;}
    .iShip              {width: 15px;height: 11px;background-position: -60px 0;}
    .iSep               {width: 01px;height: 36px;background-position: -88px 0;}
    .iPrice             {width: 13px;height: 12px;background-position: -89px 0;}
    .iArrowDown         {width: 15px;height: 15px;background-position: -102px 0;}
    .iArrowUp           {width: 15px;height: 15px;background-position: -102px 0;-webkit-transform: rotate(-90deg);}
    .iPlug              {width: 22px;height: 23px;background-position: -117px 0;}



/*
Header -------------------------------*/
header{
    position: relative;
    z-index: 20;
    height: 45px;
    background: url("../../images/header-bg.png") repeat-x bottom left;
}
header .logo{
    float: left;
    padding: 5px 10px;
}
header .iSep{
    float: right;
    margin-right: 2px;
    margin-top: 2px;
}
header .link-account{
    float: right;
    line-height: 0;
    padding: 10px;
}

/*
location-form ------------------------*/
.location-form{
    width: 90%;
    margin:40px auto;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background: #f8f6f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8f6f9 0%, #f8ecde 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f6f9), color-stop(100%,#f8ecde)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8f6f9 0%,#f8ecde 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8f6f9 0%,#f8ecde 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8f6f9 0%,#f8ecde 100%); /* IE10+ */
    background: linear-gradient(top,  #f8f6f9 0%,#f8ecde 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f6f9', endColorstr='#f8ecde',GradientType=0 ); /* IE6-9 */
}
.location-form .title{
    font-size: 1.188em;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -2px 3px rgba(0,0,0,0.3) inset;
    -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.3) inset;
    -moz-box-shadow: 0 -2px 3px rgba(0,0,0,0.3) inset;
    -ms-box-shadow: 0 -2px 3px rgba(0,0,0,0.3) inset;
    -o-box-shadow: 0 -2px 3px rgba(0,0,0,0.3) inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fff8ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff8ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#fff8ef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff8ef',GradientType=0 ); /* IE6-9 */
}
.location-form .wrap-select{
    padding: 20px 10px;
}
.location-form .wrap-select p {
    position: relative;
}

.location-form .wrap-select select{
    /*display: block;*/
    /*width: 100%;*/
    /*padding: 10px;*/
    /*box-sizing: border-box;*/
    /*border: 1px solid #d4bda8;*/
    /*border-radius: 5px;*/
    /*margin-bottom: 10px;*/
    /*font-weight: bold;*/
    /*font-size: 1em;*/
    /*color: #7c624f;*/
    /*box-shadow: 0 -1px 1px #FFF inset;*/
    /*-webkit-box-shadow: 0 -1px 1px #FFF inset;*/
    /*-moz-box-shadow: 0 -1px 1px #FFF inset;*/
    /*-ms-box-shadow: 0 -1px 1px #FFF inset;*/
    /*-o-box-shadow: 0 -1px 1px #FFF inset;*/
    /*background: #fcf9f4; *//* Old browsers */
    /*background: -moz-linear-gradient(top,  #fcf9f4 0%, #f0e3d0 100%); *//* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf9f4), color-stop(100%,#f0e3d0)); *//* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); *//* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); *//* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); *//* IE10+ */
    /*background: linear-gradient(top,  #fcf9f4 0%,#f0e3d0 100%); *//* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf9f4', endColorstr='#f0e3d0',GradientType=0 ); *//* IE6-9 */
    /*-webkit-appearance: menulist;*/
}
.location-form .wrap-select i{
    position: absolute;
    top:12px;
    right:6px;

}
.location-form .wrap-select input[type=submit]{
    border: 1px solid #761303;
    border-radius: 5px;
    color: #ffbe01;
    font-size: 1em;
    text-shadow: 0 1px #000;
    text-align: center;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-weight: bold;
    box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
    -webkit-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
    -moz-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
    -ms-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
    -o-box-shadow: 0 -1px 1px rgba(255,255,255,0.3) inset;
    background: #b90713; /* Old browsers */
    background: -moz-linear-gradient(top,  #b90713 0%, #720201 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b90713), color-stop(100%,#720201)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b90713 0%,#720201 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b90713 0%,#720201 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b90713 0%,#720201 100%); /* IE10+ */
    background: linear-gradient(top,  #b90713 0%,#720201 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90713', endColorstr='#720201',GradientType=0 ); /* IE6-9 */

}

/*
module-list-restaurant ---------------------*/
.module-list-restaurant{
    position: relative;
    z-index: 1;
    margin-top: -10px;
}
.module-list-restaurant .panel-search{
    background: #f4f4f4;
    padding: 20px 10px 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.module-list-restaurant .panel-search p{
    float: left;
    width: 49%;
    position: relative;
}
.module-list-restaurant .panel-search p:last-child{
    float: right;
}
.module-list-restaurant .panel-search .iSearch{
    position: absolute;
    top: 11px;
    left: 6px;
}
.module-list-restaurant .panel-search .iArrowUpDown{
    position: absolute;
    top: 11px;
    right: 6px;
}
.module-list-restaurant .panel-search .text-box{
    font-size: 0.875em;
    font-weight: normal;
    padding-right: 26px;
    margin-bottom: 0;
}
.module-list-restaurant .panel-search p:first-child .text-box, #res_name{
    padding-left: 26px;
    padding-right: 6px;
}
.module-list-restaurant .lst-restaurant{}
.lst-restaurant .item{
    display: block;
    padding: 10px;
    border-bottom: 1px solid #d6c8b3;
    border-top: 1px solid #f9f0e4;
    position: relative;
    /*font-size: 0.813em;*/
}
.lst-restaurant .item:first-child{
    border-top: none;
}
.lst-restaurant .item:last-child{
    border-bottom: none;
}
.lst-restaurant .item .res-thumb{
    float: left;
}
.lst-restaurant .item .right-info{
    position: relative;
    float: left;
    width: 77%;
    padding-left: 10px;
}
.lst-restaurant .item .right-info span{
    display: block;
}
.lst-restaurant .item .res-name{
    color: #4a2912;
    font-size: 1em;
    font-weight: bold;
}
.lst-restaurant .item .cuisine{
    color: #bd3737;
}
.lst-restaurant .item .cuisine span{
    display: inline-block;
    color: #7c624f;
}
.lst-restaurant .item .ship-price span{
    display: inline-block;
    margin-right: 6px;
    color: #7c624f;
}
.lst-restaurant .item  .iPlay{
    position: absolute;
    top:42%;
    right: 8px;
}


/*
Menu -------------------------*/
.module-menu{
    padding-top: 40px;
}
.module-menu .menus-item h2.title{
    color: #7c624f;
    font-size: 0.688em;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid #decebd;
    border-top: 1px solid #decebd;
    padding: 6px 7px 3px;
    background: #FFF; /* Old browsers */
    background: -moz-linear-gradient(top,  #FFF 0%, #f7f4eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#f7f4eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FFF 0%,#f7f4eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FFF 0%,#f7f4eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FFF 0%,#f7f4eb 100%); /* IE10+ */
    background: linear-gradient(top,  #FFF 0%,#f7f4eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#f7f4eb',GradientType=0 ); /* IE6-9 */
}
.module-menu .menus-item:first-child h2.title{
    border-radius: 7px 7px 0 0;
    margin-top: -10px;
    border-top: none;
}
.module-menu .menus-item h2.title .icon{
    position: absolute;
    top:7px;
    right:7px;
}
.module-menu .menus-item .food-item{
    padding: 7px;
    border-bottom: 1px solid #d6c8b3;
    border-top: 1px solid #f9f0e4;
    display: block;
    position: relative;
}
.module-menu .menus-item .food-item:nth-child(2){
    border-top: none;
}
.module-menu .menus-item .food-item:last-child{
    border-bottom: none;
}
.module-menu .food-item .thumb-food{
    float: left;
    width: 45px;
    border: 1px solid #FFF;
    box-shadow: 0 0 3px rgba(0,0,0,0.4) inset;
}
.module-menu .food-item .right-info{
    float: left;
    width: 77%;
    padding-left: 10px;
}
.module-menu .right-info .foot-name{
    display: block;
    font-size: 1em;
    color: #4a2912;
    font-weight: bold;
}
.module-menu .right-info .foot-price{
    display: block;
    color: #bd3737;
}
.module-menu .food-item .iPlug{
    position: absolute;
    top: 30%;
    right: 15px;
}






